<template>
  <ul class="todo-main">
      <my-item
          v-for="todoobj in todos"
          :key="todoobj.id"
          :todo="todoobj"
          :checkedtodo="checkedtodo"
          :deletetodo="deletetodo"/>
  </ul>
</template>

<script>
import MyItem from "@/components/MyItem";
export default {
  name: "MyList",
  props:['todos','checkedtodo','deletetodo'],
  components:{
    MyItem
  }
}
</script>

<style scoped>
  .todo-main{
    margin-left:0px ;
    border: 1px solid #f8dede;
    border-radius: 2px;
    padding: 0px;
  }
  .todo-empty{
    height: 40px;
    line-height: 40px;
    border: 1px solid #f8dede;
    border-radius: 2px;
    padding-left: 5px;
    margin-top: 10px;

  }
</style>